<html>
<style>
.purple {
    border: solid 20px #560063;
    float: left;
}
</style>

<body>
<p>The two squares below should not match each other. On the left is an uncorrected image and border, and on the right is the same image and same border color corrected from sRGB.</p>
<img src="resources/purple-noprofile.png" class="purple" />
<img src="resources/purple-noprofile.png" class="purple" style="-webkit-color-correction:sRGB;" />
</body>
</html>
